<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>登录</title>
		<link rel="stylesheet" type="text/css" href="../css/mui.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<style type="text/css">
			body{
				background: #FFFFFF url(../img/login/05.png) no-repeat fixed bottom; 
				background-size:100% auto ;
			}
			h3{
				padding-left: 20px;
				padding-top: 60px;
				padding-bottom: 20px;
			}
			.username,.userpassword{
				margin: 20px auto;
				background: #f7f7f7;
				border: solid 1px #d4d4d4;
				border-radius:20px ;
			}
			.username label{
				background: url(../img/login/01.png) no-repeat;
				background-size:30% ;
				background-position:40% 40% ;
			}
			.username input,.userpassword input{font-size: 0.9rem;}
			.userpassword label{
				background: url(../img/login/02.png) no-repeat;
				background-size:30% ;
				background-position:40% 40% ;
			}
			.mui-input-group:before,.mui-input-group .mui-input-row:after,.mui-input-group:after{
				background: none;
			}
			.loginbut{
				border: none;
				border-radius:20px ;
				background: #ffa23f;
				color: #FFFFFF;
				font-weight: 800;
				background: linear-gradient(to right, #ffa23f , #ff822a);
			}
		</style>
		<script type="text/javascript">
	   		document.addEventListener('plusready', function(){
	   			plus.navigator.setStatusBarStyle('dark');
	   			var page = mui.preload({
				    		url: 'tab-webview-main.html', 
						id: 'home',
						preload: false, //是否启用预加载
						show: {
							aniShow: 'pop-in'
						},
						styles: {
							popGesture: 'hide'
						},
						waiting: {
							autoShow: false
						}
				})
				
//				setTimeout(function(){
//					var array = plus.webview.all();
//					if(array){
//						for(var i=0,len=array.length;i<len;i++){
//						    	console.log(array[i].getURL());
//					        }
//					}
//				},9000)
			
	   		});
	    </script>
	</head>
	<body>
		<h3 style="margin: 0;" class="color3">欢迎，登录！</h3>
		<form class="mui-input-group">
		    <div class="mui-input-row username width80">
		        <label style="width: 20%;">&nbsp;&nbsp;</label>
		    		<input style="width: 80%;" type="text" class="mui-input-clear" placeholder="输入登录名或手机号码">
		    </div>
		    <div class="mui-input-row userpassword width80">
		        <label style="width: 20%;">&nbsp;&nbsp;</label>
		        <input style="width: 80%;" type="password" class="mui-input-password" placeholder="输入登录密码">
		    </div>
		    <div class="mui-button-row">
		        <button type="button" class="mui-btn loginbut width80 font1-2" onclick="gourl('tab-webview-main.html', 'home')">登录</button>
		    </div>
		    <div class="width70 Mauto MT10">
		    		<span class="fl font1 color9" onclick="gourl('forgot-password.html', 'forgot-password')">忘记密码？</span>
		    		<span class="fr font1 color9" onclick="gourl('enroll.html', 'enroll')">立即注册</span>
		    </div>
		</form>
		<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			function gourl(urlname, idname) {
				mui.openWindow({
					url: urlname,
					id: idname,
					preload: false, //是否启用预加载
					show: {
						aniShow: 'pop-in'
					},
					styles: {
						popGesture: 'hide'
					},
					waiting: {
						autoShow: false
					}
				})
			}
		
			/*
			document.addEventListener('plusready', function(){
	   			var page = mui.preload({
				    		url: 'tab-webview-main.html', 
						id: 'home',
						preload: true, //是否启用预加载
						show: {
							aniShow: 'pop-in'
						},
						styles: {
							popGesture: 'hide'
						},
						waiting: {
							autoShow: false
						}
				})
				mui.plusReady(function(){
					setTimeout(function(){
						var array = plus.webview.all();
						if(array){
							for(var i=0,len=array.length;i<len;i++){
							    	console.log(array[i].getURL());
						        }
						}
					},9000)
				});
	   		});*/
		</script>
	</body>
</html>
